// eslint-disable-next-line import/no-commonjs
const path = require('path');

const config = {
  projectName: 'audit-intelligent-cloud',
  date: '2021-3-1',
  designWidth: 750,
  deviceRatio: {
    640: 2.34 / 2,
    750: 1,
    828: 1.81 / 2
  },
  sourceRoot: 'src',
  outputRoot: 'dist',
  plugins: [],
  defineConstants: {
  },
  copy: {
    patterns: [
    ],
    options: {
    }
  },
  framework: 'react',
  alias: {
    '/@/': path.resolve(__dirname, '..', 'src/'),
    '/@/assets': path.resolve(__dirname, '..', 'src/assets'),
    '/@/components': path.resolve(__dirname, '..', 'src/components'),
    '/@/utils': path.resolve(__dirname, '..', 'src/utils'),
    '/@/service': path.resolve(__dirname, '..', 'src/service'),
    '/@/constants': path.resolve(__dirname, '..', 'src/constants')
  },
  mini: {
    enableExtract: true,
    miniCssExtractPluginOption: {
      ignoreOrder: true,
    },
    postcss: {
      pxtransform: {
        enable: true,
        config: {

        }
      },
      url: {
        enable: true,
        config: {
          limit: 40000 // 设定转换尺寸上限
        }
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]'
        }
      }
    }
  },
  webpackChain(chain) {
    chain.plugin('lodash-webpack-plugin')
      .use(require('lodash-webpack-plugin'), [
        {
          shorthands: true,
          cloning: true,
          caching: true,
          collections: true,
          exotics: true,
          guards: true,
          memoizing: true,
          coercions: true,
          flattening: true,
          paths: true,
        }])
    chain.merge({
      optimization: {
        splitChunks: {
          cacheGroups: {
            lodash: {
              name: 'lodash',
              priority: 1000,
              test(module) {
                return /node_modules[\\/]lodash/.test(module.context)
              },
            },
          },
        },
      },
    })
  },
  h5: {
    publicPath: '/',
    staticDirectory: 'static',
    router: {
      mode: 'hash'
    },
    postcss: {
      autoprefixer: {
        enable: true,
        config: {
        }
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]'
        }
      }
    }
  }
}

module.exports = function (merge) {
  if (process.env.NODE_ENV === 'development') {
    return merge({}, config, require('./dev'))
  }
  return merge({}, config, require('./prod'))
}
